import { Carousel as AntCarousel, Image } from 'antd';
import React from 'react';

import carouselImage1 from '../../assets/images/carousel_1.jpg';
import carouselImage2 from '../../assets/images/carousel_2.jpg';
import carouselImage3 from '../../assets/images/carousel_3.jpg';
import styles from './carousel.module.css';

export const Carousel: React.FC = () => {
  return (
    <AntCarousel autoplay className={styles.slider}>
      <Image className={styles.image} src={carouselImage1} />
      <Image className={styles.image} src={carouselImage2} />
      <Image className={styles.image} src={carouselImage3} />
    </AntCarousel>
  );
};
